
@import "../../../scss/global.scss";

.toc-content_wrapper {
  width: 100%;
  height: 100%;
  overflow: auto; // 超出部分加滚动条
  // 搜索部分
  .toc-content_serach{
    display: flex;
    width: 100%;
    height: px2rem(36);
    margin: px2rem(20) 0 px2rem(10) 0;
    padding-right: px2rem(15);
    box-sizing: border-box;
    .icon-menu{
      flex: 0 0 px2rem(28);
      @include center;
    }
    input{
      height: px2rem(24);
      flex: 1;
      align-self: center;
      background: transparent;
      border: px2rem(1) solid #ccc;
    }
    p{
      flex: 0 0 px2rem(50);
      font-size: px2rem(12);
      @include center;
    }
  }
  // 搜索内容部分
  .search-list{
    padding: 0 px2rem(15);
    box-sizing: border-box;
    .search-list_item{
      padding: px2rem(20) 0;
      border-bottom: px2rem(1) solid #ccc;
      box-sizing: border-box;
      &:last-child{
        border-bottom: none;
      }
    }
  }
  // 图书信息卡片部分
  .toc-content_bookinfo{
    display: flex;
    padding: px2rem(10) px2rem(15) px2rem(20) px2rem(15);
    .toc-content_bookinfo--left{
      flex:1;
      display: flex;
      box-sizing: border-box;
      img{
        width: px2rem(45);
        height: px2rem(60);
      }
      .bookinfo-left_wrapper{
        width: px2rem(100);
        padding: 0 px2rem(10);
        h3{
          @include ellipsis;
        }
        p{
          @include ellipsis;
          font-size: px2rem(12);
        }
      }
    }
    .toc-content_bookinfo--right{
      flex: 0 0 px2rem(80);
      p{
        font-size: px2rem(12);
      }
    }
  }
  .toc-content_item {
    border-bottom: px2rem(1) solid #f4f4f4;
    padding: px2rem(20) px2rem(20);
    @include ellipsis;

    span {
      font-size: px2rem(14);
      color: #333;
    }
  }
  .selected{
    font-weight: bold;
  }
}